/*
* 组件：公司旗下产品
* 仅做展示，后期可添加跳转
*/
import Link from "next/link"

import sennic_1 from '@/public/imgs/company/大峡谷.jpg'
import sennic_2 from '@/public/imgs/company/苯日.jpg'
import sennic_3 from '@/public/imgs/company/鲁朗.jpg'
import sennic_4 from '@/public/imgs/company/神山圣湖.jpg'
import sennic_5 from '@/public/imgs/company/巴松措.jpg'

import hotels_1 from '@/public/imgs/company/巴松措酒店.jpg'
import hotels_2 from '@/public/imgs/company/拉萨酒店.jpg'
import hotels_3 from '@/public/imgs/company/大峡谷酒店.jpg'
import hotels_4 from '@/public/imgs/company/普兰酒店.jpg'
import hotels_5 from '@/public/imgs/company/冈仁波齐酒店.jpg'

const basePath = process.env.basePath;

const sennic = [
    { name: '雅鲁藏布大峡谷', src: basePath + sennic_1.src, link: '/search?word=大峡谷' },
    { name: '巴松措游船', src: basePath + sennic_5.src, link: '/search?word=巴松措' },
    { name: '苯日', src: basePath + sennic_2.src, link: '/search?word=苯日' },
    { name: '鲁朗', src: basePath + sennic_3.src, link: '/search?word=鲁朗' },
    { name: '阿里冈仁波齐+玛旁雍错', src: basePath + sennic_4.src, link: '/search?word=阿里' },
];
const hotels = [
    { name: '喜玛拉雅·巴松措酒店', src: basePath + hotels_1.src, link: '/hotel/588.html' },
    { name: '喜玛拉雅·拉萨酒店', src: basePath + hotels_2.src, link: '/hotel/589.html' },
    { name: '喜玛拉雅·大峡谷酒店', src: basePath + hotels_3.src, link: '/hotel/581.html' },
    { name: '喜玛拉雅·普兰酒店', src: basePath + hotels_4.src, link: '/hotel/593.html' },
    { name: '喜玛拉雅·冈仁波齐酒店', src: basePath + hotels_5.src, link: '/hotel/594.html' },
];

export default function CompanyProduct() {

    return (
        <div className="company-product">
            <section className="max-content">
                <h2>西藏旅游股份有限公司旗下产品</h2>
                {
                   <ul className="list">
                        {
                            sennic.map((item, index) => {
                                return (
                                    <li className="item" key={index}>
                                        <Link href={item.link} prefetch={false}>
                                            <a target="_blank">
                                                <div className="item-bg"><img src={item.src} alt="西藏旅游" /></div>
                                                <h3>{item.name}</h3>
                                            </a>
                                        </Link>
                                    </li>
                                )
                            })
                        }
                    </ul>
                }
                {
                    <ul className="list">
                        {
                            hotels.map((item, index) => {
                                return (
                                    <li className="item" key={index}>
                                        <Link href={item.link} prefetch={false}>
                                            <a target="_blank">
                                                <div className="item-bg"><img src={item.src} alt="西藏旅游" /></div>
                                                <h3>{item.name}</h3>
                                            </a>
                                        </Link>
                                    </li>
                                )
                            })
                        }
                    </ul>
                }
            </section>
        </div>
    )
}